﻿/* 首页导航*/
.top{ width:100%; height:90px; overflow:hidden; position:relative;}
.topbar{ height:90px; overflow:hidden; position:relative;}
.topbar nav ul{}
.topbar nav ul li{float:left;}
.topbar nav ul li a{ display:block;padding:0 24px; height:90px;font-size:18px; font-family:微软雅黑; color:#2c2c2c; line-height:90px;}
.topbar nav ul li a:hover{ background-color:#189eea; color:#fff}
.banner{ height:410px}

.title{ width:400px; height:auto;margin:0 auto;padding:50px 0; text-align:center}
.title_right img{ margin:0 auto}

.youshi{ width:100%; height:600px;}
.youshi li{ width:25%; height:240px;line-height:25px; float:left; margin:20px 50px; text-align:center}
.youshi li .youshi-title{ font-size:18px; color:#464646;}
.youshi li img{ width:90px; height:90px; margin:0 auto; margin-bottom:20px;}
.youshi_p{ margin-top:20px; color:#acacac;}

.saoma{ width:100%; height:460px; background-color:#189eea}
.saoma_first{ height:460px; padding-top:50px;}
.saoma_first li{ width:25%; float:left}
.saoma_first li img{ width:260px; height:340px; margin:0 auto}

/* 关于我们*/

.about{ height:470px; margin-top:30px;}
.about dl{ width:35%; height:470px; float:left; margin:0 90px; text-align:center}
.about dl dt{ margin-bottom:20px;}
.about dl dd{ color:#888; line-height:25px;}
.about dl dt img{ margin:0 auto}

/*解决方案*/
.project{ background-color:#f4f4f4; height:400px;}
.project dl{ width:20%; height:360px; background-color:#fff; float:left; padding:15px; margin:20px 30px 0 30px; box-sizing:border-box; }
.project dl img{ width:80px; height:80px; margin:0 auto; margin-bottom:20px;}
.project dl dd{ font-size:14px; color:#7a7a7a; line-height:27px;}

/*红包活动*/
.redPacket{ height:500px;}
.redPacket li{ float:left; width:20%; height:480px;text-align:center; margin:0 80px;}
.redPacket li img{ width:200px; height:230px; margin:0 auto}
.redPacket p{ color:#5a5a5a; font-size:16px; line-height:30px;}

/*渠道推广*/

.peomote ul{ height:200px; margin-bottom:30px;}
.peomote ul li{ float:left; width:25%; text-align:center}
.peomote ul li img{ margin:0 auto; margin-bottom:20px;}


/*产品中心*/

.product{ width:100%; height:666px; background-image:url('../images/product_bg.png')}
.product{ margin:40px 0}



/*平台搭建*/
.xtdj{ height:350px; margin-bottom:30px;}
.xtdj ul li{ width:25%; text-align:center; float:left; margin:15px 0;}
.xtdj ul li img{ margin:0 auto}

/*功能展示*/
.function{ width:100%; height:620px;padding-top:20px}
.function li{ width:25%; height:auto; float:left; text-align:center}
.function li img{ width:80%; height:auto; margin:0 auto;box-shadow:0px 5px 30px #c7c7c7}
.function li p{font-size:18px; color:#505050; font-family:微软雅黑; margin-top:50px}


.advantage{ width:100%; height:330px; padding-top:20px;}
.advantage li{ width:28%; height:300px; float:left; text-align:center; margin:0 30px;}
.advantage li img{ margin:0 auto}
.advantage li p{font-size:16px; color:#505050; font-family:微软雅黑; margin-top:50px}


/* 申请成为代理商表单*/
.apply{ width:100%; height:500px; background-image:url("../images/index_201.png"); padding-top;50px;}
.apply_box{ width:23%; height:400px;margin:0 auto; text-align:center}
.apply_box .apply_title{ width:100%; height:150px; font-family:微软雅黑; color:#fff; line-height:200px}
input{ width:85%; height:40px;border-radius:8px; margin:25px auto; border:none; font-size:16px; font-family:微软雅黑; color:#a2a2a2; padding-left:10px;}
input[type=submit]{ width:87%; background-color:#364a54; color:#fff}


/*联系我们*/
.contact{ width:100%; height:600px; overflow:hidden}
.contact_item{ width:950px ;height:480px; background-color:#fff; margin-bottom:30px; padding:120px 150px; box-sizing:border-box}
.contact_item_left{ width:50%; height:auto; float:left}
.contact_item_left ul li{ width:100%; height:50px; font-size:16px; color:#292929}
.contact_item_right{ width:50%; height:160px; text-align:center; }
.contact_item_right img{ margin:0 auto}
.contact_item_right p{ font-size:16px; margin-top:30px}

/*案例展示*/
.content .anli-item{ width:100%; height:auto;}
.content .anli-item img{ width:100%; margin-bottom:60px;}
.content .anli-item .more a{ display:block; margin:80px auto; width:100px; height:30px; border:1px solid #666; font-size:16px; text-align:center; line-height:30px; color:#666; box-sizing:border-box;}
.content .anli-item .more a:hover{ background-color:#189eea; color:#fff; border:none}


/**亿销客投放红包合作申请**/
.alone .alonetop{ position:relative;}
.alone .logo{ width:40%; padding-top:20%; position:absolute;left:30%; background-image:url(../img/logo.png); background-repeat: no-repeat;background-position:center;background-size: 75%;}
.alone .form{ margin-top:-1px;
    background: -webkit-linear-gradient(to bottom, #EC5A53,#DA475A);
	background: -moz-linear-gradient(to bottom, #EC5A53,#DA475A);
	background: -o-linear-gradient(to bottom, #EC5A53,#DA475A);
	background: linear-gradient(to bottom, #EC5A53,#DA475A);}
.alone .form h1{ text-align:center; font-size:16px; font-weight:100; color:#fff; position:relative;}
.alone .form h1:before,.alone .form h1:after{content: "";display: block; width:30px; height:2px; background:#ffffff60; border-raius:20px; position:absolute;top:50%; margin-top:0px;}
.alone .form h1:before{left:50%; margin-left:-70px;}
.alone .form h1:after{right:50%; margin-right:-70px;}
.alonebox{ width:80%; margin:20px auto 0; background:#fff; border-radius:10px; padding:20px 4%;}
.alonebox ul li{ position:relative;display: -webkit-box; padding:5px 0;}
.alonebox ul li:last-child:before{ display:none;}
.alonebox ul li:before{border-bottom: 1px solid #e9e9e9;content: '';display: block;width: 100%;position: absolute;left: 0;bottom: 0;-webkit-transform-origin: left bottom;-webkit-transform: scaleY(0.5)}
.alonebox ul li label{ width:70px; line-height:40px; display:block;}
.alonebox ul li>div{-webkit-box-flex: 1;}
.alonebox ul li>div input{ margin:0; outline:none; color:#333; padding-left:0;}
.alonebox ul li>div input::-webkit-input-placeholder{color:#ccc;}
.alonebox ul li>div input::-ms-input-placeholder{color:#ccc;}
.alonebox ul li>div input::-moz-input-placeholder{color:#ccc;}
.alonebox button{ font-size:14px; display: block;margin: 20px auto 0;border: none;outline: none;background: #FF5254;color: #fff;padding: 0px 40px;line-height:36px;border-radius: 20px;}
.alonebox button:active{background:#ff7d7f;}
.alone .form .we{ padding:25px 3%;}
.alone .form .we .tel{ margin-top:30px;}
.tel-wrp{display:flex; width:90%; margin:auto;}
.tel-wrp .list{ padding-left:25px; position:relative; margin-bottom:5px;}
.tel-wrp .list p{ color:#fff; font-size:14px; line-height:22px;}
.tel-wrp .list span{ position:absolute;left:0; display:block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.tel-wrp .tel-contact{ width:60%; display:flex;align-items: center;}
.tel-wrp .tel-contact>div{ margin-bottom:5%;}
.tel-wrp .ewm{ width:40%;}
.tel-wrp .ewm span{ display:block; width:75%; margin:auto;}
.tel-wrp .ewm p{ text-align:center; font-size:14px; color:#fff; line-height:30px;}









